<!DOCTYPE html>
<html>
<head>

	<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
	<link rel='stylesheet' type='text/css' href='styles.css' />
<style type="text/css">
<!--

STableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#d6ffff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #2078ea 5%, #0028bc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2078ea), color-stop(1, #0028bc) );
	background:-moz-linear-gradient( center top, #2078ea 5%, #0028bc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2078ea", endColorstr="#0028bc");	background: -o-linear-gradient(top,#2078ea,0028bc);

	background-color:#2078ea;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #2078ea 5%, #0028bc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2078ea), color-stop(1, #0028bc) );
	background:-moz-linear-gradient( center top, #2078ea 5%, #0028bc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2078ea", endColorstr="#0028bc");	background: -o-linear-gradient(top,#2078ea,0028bc);

	background-color:#2078ea;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.fondo #contenido .letras2 {
	text-align: center;
}
.fondo #login #reporte table tr td table tr td p a {
	text-align: center;
}
.fondo #login #reporte table tr td table tr td hr {
	text-align: center;
}
-->
</style>
</head>
<body class="fondo">

<?php include 'menu.php'; 
include 'Clases/tipoPago.php';
include 'Clases/funciones.php';
?>
 <form  action="#"  id="login"  method="POST" name="login" >
   <p>
   <div  id="area2" style="size:40%" class="contenido">
  
   <div  id="area" style="size:40%" class="contenido">
     
   </div>
    <input type="button" name="Buscar2" id="Buscar2" value="Imprimir" onClick="imprimir('area')">
   </div>
      </p>
   
</form>
 <br/>
  <p>&nbsp;</p>
</div>
</div>   
<script type="text/javascript">

window.load=MostrarConsulta('listaEmpleadosMasVendidos.php');
///////****FUNCION IMPRIMIR*******//////////

function imprimir(muestra)
{;

	var ficha=document.getElementById(muestra);var ventimp=window.open(' ','popimpr');ventimp.document.write(ficha.innerHTML);ventimp.document.close();ventimp.print();ventimp.close();
	
	}
///******************Codigo exportar excel*************//////
function celulares(){
	document.getElementById('login').action="exportarExcelCel2.php";
	document.getElementById('login').submit();
	}
function Busqueda(){
	document.getElementById('login').action="#";
	document.getElementById('login').submit();
	}
function objetoAjax(){
        var xmlhttp=false;
        try {
               xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
               try {
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
               } catch (E) {
                       xmlhttp = false;
               }
        }
 
        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
               xmlhttp = new XMLHttpRequest();

        }

        return xmlhttp;

}
function MostrarConsulta(datos){
	

        divResultado = document.getElementById('area');

        ajax=objetoAjax();

        ajax.open("GET", datos);

        ajax.onreadystatechange=function() {

               if (ajax.readyState==4) {
					resul=ajax.responseText;
		  
		
			   divResultado.innerHTML=(resul);
					
               }
               

        }

        ajax.send(null)
	

						
}
	
</script>
  
</body>
</html>